/* CSS Document */
*{ margin:0; padding:0; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; font-family:Microsoft YaHei; text-decoration:none; list-style:none;}

body{ position:absolute; min-width:320px; min-height:100%; height:100%; max-width:1024px; width:100%; left:50%; margin-left:-512px;}

.loading-layer-box{ position:fixed; width:200px; height:200px; overflow:hidden; border:8px solid #fafafa; border-radius:50%; background:#fff; left:50%; top:50%; margin-left:-100px; margin-top:-100px;}
.loading-layer-box p{ text-align:center; line-height:200px; font-size:14px; color:#666;}
.loading-layer-box .load-box{ border:5px solid #e6e6e6; border-radius:50%; position:absolute; left:6px; top:6px; right:6px; bottom:6px; border-left-color:#60dfdf;
-moz-animation:myFrames 1s infinite linear; 
-ms-animation:myFrames 1s infinite linear; 
-o-animation:myFrames 1s infinite linear; 
-webkit-animation:myFrames 1s infinite linear; 
animation:myFrames 1s infinite linear;}
@-moz-keyframes myFrames {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-ms-keyframes myFrames {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes myFrames {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes myFrames {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes myFrames {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/*404*/


.error-index{ width:100%; height:100%;}
.error-index table,.error-404 table > td{ border-collapse:collapse; width:100%; height:100%; text-align:center;}
.error-index div img{ width:66%; max-width:423px;}
.error-index p{ font-size:30px; color:#fff; padding:80px 0;}
.error-index .brt-btn{ width:80%;}

.error-index.wifi img{ max-width:320px;}
.error-index.wifi p{ color:#b4b4b4; line-height:50px;}




.brt-btn{ display:inline-block; font-size:28px; text-align:center; line-height:2.5em; border-radius:8px; width:60%; border:1px solid #b5b5b5; color:#888;}
.brt-btn.normal{ background:#b5b5b5; color:#fff;}
.brt-btn.orange{ background:#f63; border-color:#f63; color:#fff;}
.brt-btn.bor-orange{ border-color:#f63; color:#f63;}



@media only screen and (max-width:1024px) {
body{ left:0; margin-left:0;}
}

@media only screen and (max-width:481px) {
	
.error-index p{ font-size:24px; padding:60px 0;}

.error-index.wifi p{ color:#b4b4b4; line-height:40px;}

.brt-btn{ font-size:20px; border-radius:6px;}
}

@media only screen and (max-width:385px) {

.error-index p{ font-size:18px; padding:40px 0;}

.error-index.wifi p{ color:#b4b4b4; line-height:28px;}

.brt-btn{ font-size:16px; border-radius:4px;}
}

